<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/goods_info.css">
</head>

<body>
   <!-- 首页导航 -->
	<header>
		<div class="header_con">
			<div class="header_left">
				<ul>
					<li style="padding-left: 0;"><a>首页</a></li>
					<span>|</span>
					<li><a>华为官网</a></li>
					<span>|</span>
					<li><a>花粉俱乐部</a></li>
					<span>|</span>
					<li><a>V码(优购码)</a></li>
					<span>|</span>
					<li><a>企业购</a></li>
					<span>|</span>
					<li><a>Select Region</a></li>
					<span style="margin-right:0">|</span>
					<li class="last">
						<a>更多精彩&nbsp;&nbsp;<span class="sp1">V</span><span class="sp2">Λ</span></a>
						<ul>
							<li>HarmonyOS</li>
							<li>应用市场</li>
							<li>华为终端云空间</li>
							<li>开发者联盟</li>
						</ul>
					</li>
				</ul>

			</div>
			<div class="header_right">
				<div class="right_1">
					<ul>
						<li style="margin-right: 6px;"><a class="logg">请登录</a></li>
						<li><a class="regii">注册</a></li>
						<li class="logined">
							<a href="" class="user_name"><span class="sp1">V</span><span class="sp2">Λ</span></a>
							<div class="user_center">
								<div class="user_1">
									<p class="tou"></p>
									<span>V1</span>
									<p class="dengji"></p>
									<input type="button" class="shi" value="未实名">
									<input type="button" class="mes" value="消息">
									<p class="dd">我的订单<a href="">更多</a></p>
								</div>
								<div class="user_2">

								</div>
								<div class="user_3">

								</div>
								<div class="user_4">	
									退出登录
								</div>
							</div>
						</li>
						<span>|</span>
						<li><a>我的订单</a></li>
						<span style="margin-right:0">|</span>
					</ul>
				</div>
				<div class="right_2">
					<p>
						<a>客户服务<span class="sp1">V</span><span class="sp2">Λ</span></a>
						<span class="pp1">|</span>
						<!-- <ul class="u1">
							<li>客户服务</li>
							<li>服务中心</li>
						</ul> -->
					</p>
					<p>
						<a>网站导航<span class="sp1">V</span><span class="sp2">Λ</span></a>
						<span class="pp1">|</span>
					</p>
					<p class="last">
						<a>手机版<span class="sp1">V</span><span class="sp2">Λ</span></a>
					</p>
				</div>
				<div class="right_3">
					<span class="iconfont icon-gouwuche"></span>
					<p>购物车</p>
					(<span class="shopcart_num">0</span>)
				</div>
			</div>
		</div>
	</header>

    <!-- 导航下面的专区 -->
    <div class="zhuan">
        <div class="zhuan_cont">
            <div class="zhuan_left">
                <a href=""><img src="img/2.webp" alt=""></a>
            </div>
            <div class="zhuan_center">
                <ul>
                    <li>
                        <a href=""><span>☰</span>全部商品分类</a>
                    </li>
                    <li><a href="">华为专区</a></li>
                    <li><a href="">莫塞尔专区</a></li>
                    <li><a href="">华为智选</a></li>
                    <li><a href="">鸿蒙智联</a></li>
                    <li><a href="">福利中心</a></li>
                </ul>
            </div>
            <div class="zhuan_right">
                <div class="input_out">
                    <input type="text" placeholder="P50系列 Nova8">
                    <span class="iconfont icon-fangdajing"></span>
                </div>

            </div>
        </div>

    </div>

    <!-- 商品详情 -->
    <section class="goodsinfo">
        <div class="info_con">







			//商品详情
            <p class="info_tp">
                <a href="">首页</a>
                <span>&gt;</span>
                <a href="">手机</a>
                <span>&gt;</span>
                <a href="">HUAWEI Mate系列</a>
                <span>&gt;</span>
                <b>【搭载HarmonyOS 2】HUAWEI Mate 40E 4G 全网通 8GB+128GB（亮黑色）</b>
            </p>
            <div class="info_left">
                <div class="yuan_img">
                    <img src="img/info1.png" alt="">
                    <div class="guang"></div>
                </div>
                <div class="fangda_img">
                    <img src="img/info1.png" alt="">
                </div>
                <div class="screen">
                    <ul>
                        <li class="bodd"><a href=""><img src="img/info2_1.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_2.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_3.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_4.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_6.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_7.webp" alt=""></a></li>
                        <li><a href=""><img src="img/info2_5.webp" alt=""></a></li>
                    </ul>

                </div>
                <span class="lf">&lt;</span>
                <span class="gi">&gt;</span>
            </div>
            <div class="info_right">
                <p class="ir1">【搭载HarmonyOS 2】HUAWEI Mate 40E 4G 全网通 8GB+128GB（亮黑色）</p>
                <div class="ir2">
                    <p>
                        <span>价格</span>
                        <b>¥<span>4199.00</span></b>
                    </p>
                    <p><span id="s1">促销</span><strong>赠送积分</strong><span id="s2">购买即赠商城积分，积分可抵现~</span></p>
                </div>
                <div class="ir3">
                    <p>
                        <span>服务说明</span>
                        <b>已满48元包邮&nbsp;&nbsp;由华为终端提供商品、发货开票及售后服务</b>
                        &nbsp;&nbsp;<a href="">查看详情</a>
                    </p>
                    <p><span>商品编号</span>
                        <b>2601010285204</b>
                    </p>
                </div>
                <div class="ir4">
                    <p class="p_1">
                        <span>选择颜色</span>
                        <button>亮黑色</button>
                        <button>釉白色</button>
                        <button>秘银色</button>
                    </p>
                    <p class="p_2">
                        <span>选择版本</span>
                        <button>4G全网通 8+256GB</button>
                        <button>4G全网通 6+128GB</button>
                    </p>
                    <p class="p_3">
                        <span>选择套餐</span>
                        <button>官方标配</button>
                    </p>
                    <p class="p_4">
                        <span>保障服务</span>
                        <button>华为无忧服务&nbsp;¥&nbsp;1299</button>
                        <button>碎屏服务宝1年&nbsp;¥&nbsp;399</button>
                        <button>延长服务宝1年&nbsp;¥&nbsp;368</button>
                    </p>
                    <p class="p_5">
                        <span>分期免息</span>
                        <button>花呗分期&nbsp;¥&nbsp;1299</button>
                        <button>掌上生活分期&nbsp;¥&nbsp;399</button>
                    </p>
                </div>
                <p class="ir5">
                    已选择商品：<span>釉白色 / 4G全网通 8GB+128GB / 官方标配</span>
                </p>
                <div class="ir6">
                    <div class="i6_lef">
                        <input type="text" class="nn" value="1">
                        <input type="button" value="+" class="a">
                        <input type="button" value="-" class="n">
                    </div>
                    <div class="i6_right">
                        <button class="jia_shop">加入购物车</button>
                        <button class="xia_shop">立即下单</button>
                    </div>
                </div>
			</div>
			








        </div>
    </section>

    <!-- 评论区 -->
    <section class="comment">
        <h2>请留下你的评论</h2>
        <div class="comm_div">
            <textarea name="" id="" cols="30" rows="10"></textarea>
            <button>发布评论</button>
        </div>
        <div class="user_comm">
            <p class="hao"><span>99</span>%</p>
            <p class="hp">好评度</p>
            <p class="comm_list">
                <a href="">全部</a>
                <a href="">最热门</a>
                <a href="">有内容</a>
                <a href="">有图</a>
                <a href="">有视频</a>
            </p>
            <ul class="com_ul">
                <!-- <li>
                    <div class="li_left">
                        <span class="use_name">朱丽叶</span>
                    </div>
                    <div class="li_right">
                        <span class="xing">★★★★</span>
                        <p class="comm_con">
                            案件回访过阿尔法狗爱哭官方王府kg
                        </p>
                        <span class="comm_time">
                            2021nian wdw 
                        </span>
                    </div>
                </li> -->
            </ul>
        </div>
    </section>

    <!-- 底部 -->
	<footer>
		<ul class="foot_top">
			<li>
				<a href="">
					<p><img src="images/ft_03.gif" alt=""></p>
					<span>百强企业 品质保证</span>
				</a>
			</li>
			<li>
				<a href="">
					<p><img src="images/ft_06.gif" alt=""></p>
					<span>7天退货 15天换货</span>
				</a>
			</li>
			<li>
				<a href="">
					<p><img src="images/ft_08.gif" alt=""></p>
					<span>48元起免运费</span>
				</a>
			</li>
			<li class="lt_li">
				<a href="">
					<p><img src="images/ft_10.jpg" alt=""></p>
					<span>2000家服务店 全国联保</span>
				</a>
			</li>
		</ul>
		<div class="foot_center">
			<ul class="ft_u1">
				<p>购物相关</p>
				<li><a href="">购物指南</a></li>
				<li><a href="">配送方式</a></li>
				<li><a href="">支付方式</a></li>
				<li><a href="">常见问题</a></li>
			</ul>
			<ul class="ft_u1">
				<p>保修与退换货</p>
				<li><a href="">保修政策</a></li>
				<li><a href="">退换货政策</a></li>
				<li><a href="">保修状态查询</a></li>
				<li><a href="">配件防伪查询</a></li>
			</ul>
			<ul class="ft_u1">
				<p>维修与技术支持</p>
				<li><a href="">服务店</a></li>
				<li><a href="">预约维修</a></li>
				<li><a href="">手机寄修</a></li>
				<li><a href="">备件价格查询</a></li>
				<li><a href="">上门服务</a></li>
			</ul>
			<ul class="ft_u1">
				<p>特色服务</p>
				<li><a href="">防伪查询</a></li>
				<li><a href="">补购保障</a></li>
				<li><a href="">以旧换新</a></li>
				<li><a href="">礼品包装</a></li>
			</ul>
			<ul class="ft_u1">
				<p>关于我们</p>
				<li><a href="">公司介绍</a></li>
				<li><a href="">华为商城简介</a></li>
				<li><a href="">华为零售店</a></li>
				<li><a href="">商家中心</a></li>
				<li><a href="">意见反馈</a></li>
			</ul>
			<div class="ft_div">
				<p>友情链接</p>
				<div class="outer_div">
					<ol class="ol1">
						<li><a href="">华为集团</a></li>
						<li><a href="">华为CBG官网</a></li>
						<li><a href="">花粉俱乐部</a></li>
						<li><a href="">华为云</a></li>
						<li><a href="">华为应用市场</a></li>
					</ol>
					<ol class="ol2">
						<li><a href="">华为心声社区</a></li>
						<li><a href="">华为海洋</a></li>
					</ol>
				</div>
				<div class="ft_jian">
					<span class="llle">&lt;</span>
					<span class="rrrt">&gt;</span>
				</div>
			</div>
			<div class="ft_cen_right">
				<h3>950805</h3>
				<p class="ft_p1">7×24小时客服热线(仅收市话费)</p>
				<button>在线客服</button>
				<p class="ft_p2">关注Vmall</p>
			</div>
		</div>
		<div class="foot_bottom">
			<p><img src="images/ft_17.gif" alt=""></p>
			<div class="ft_bot_cen">
				<ol>
					<li class="ft_bot_fir1"><a href="">华为集团</a></li>
					<li><a href="">华为CBG官网</a></li>
					<li><a href="">花粉俱乐部</a></li>
					<li><a href="">华为应用市场</a></li>
					<li><a href="">HarmonyOS</a></li>
					<li><a href="">华为终端云空间</a></li>
					<li><a href="">开发者联盟</a></li>
					<li><a href="">华为商城手机版</a></li>
					<li class="ft_lt_li1"><a href="">网站地图</a></li>
				</ol>
				<div class="lota">
					<p>
						<a href="">隐私声明</a><a href="">服务协议</a><a href="">COOKIES</a>
						Copyright © 2012-2021 华为终端有限公司 版权所有 <a>粤ICP备19015064号</a>|<a>粤公网安备
							44190002003939号</a><span>|</span>
						增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号
						<a>互联网药品信息服务资格证（粤）-非经营性-2020-0102</a> | 粤东食药监械经营备20203930
					</p>

				</div>
			</div>
			<p><img src="images/ft_20.gif" alt=""></p>
		</div>
	</footer>
</body>
<script src="./jquery/jquery.min.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/goods_info.js"></script>

</html>